﻿validateUser(SAPUserStore);//validar login de usuario
//---------------------------------------------------

var listaDetDocPanelTBT = new Ext.Toolbar({
	title: 'Detalle Documento',
	items: [
	{
		xtype: 'button',
		ui: 'back',
		text: 'Volver',
		iconCls: 'reply',
		iconMask: true,
		handler: function()
		{
			window.open("listarDocumentos.html","_self");
		}
	}]
});

var listaDetDocPanelTBB = new Ext.Toolbar({
	dock: 'bottom',
	ui: 'light',
	layout: {
        pack: 'justify',
        align: 'center'
    },
	defaults: {
		iconMask: true,
		cls: 'btnCalcularPrecios'
	},
	items: [
	{
		xtype: 'spacer'
	},
	{
		xtype: 'button',
		iconCls: 'compose',
		text: 'Modificar',
		handler: function()
		{
		    var estado = estadoStore.last();
            estado.set('Valor', 'mod');
            estado.dirty = true;
            estadoStore.sync();
		    listaDetDocPanel.add({ xtype: 'hiddenfield', id: 'pNumPedido', name: 'pNumPedido', value: listaDetDocPanel.getRecord().data.NumeroPedido  });
		    leerDocumento(listaDetDocPanel);
		}
	},
	{
		xtype: 'spacer'
	},
	{
		xtype: 'button',
		iconCls: 'search',
		text: 'Visualizar',
		handler: function()
		{
		    var estado = estadoStore.last();
            estado.set('Valor', 'ver');
            estado.dirty = true;
            estadoStore.sync();
		    listaDetDocPanel.add({ xtype: 'hiddenfield', id: 'pNumPedido', name: 'pNumPedido', value: listaDetDocPanel.getRecord().data.NumeroPedido  });
		    leerDocumento(listaDetDocPanel);
		}
	},
	{
		xtype: 'spacer'
	},
	{
		xtype: 'button',
		iconCls: 'refresh',
		text: 'Flujo',
		handler: function()
		{
		    listaDetDocPanel.add({ xtype: 'hiddenfield', id: 'pNumPedido', name: 'pNumPedido', value: listaDetDocPanel.getRecord().data.NumeroPedido  });
		    //Limpiar store 
		    variableFlujoStore.getProxy().clear();
            variableFlujoStore.data.clear();
            variableFlujoStore.sync();
		    //Variable Flujo
			var flujo = Ext.ModelMgr.create({
				Valor: listaDetDocPanel.getValues().pNumPedido
			}, 'variableFlujoModel');
			variableFlujoStore.add(flujo);
			variableFlujoStore.sync();
		    window.open("flujoDoc.html","_self");
		}
	},
	{
		xtype: 'spacer'
	},
	{
		xtype: 'button',
		iconCls: 'action',
		text: 'Imprimir',
		handler: function()
		{
		    listaDetDocPanel.add({ xtype: 'hiddenfield', id: 'pNumPedido', name: 'pNumPedido', value: listaDetDocPanel.getRecord().data.NumeroPedido  });
		    //Limpiar store 
		    variableFlujoStore.getProxy().clear();
            variableFlujoStore.data.clear();
            variableFlujoStore.sync();
		    //Variable Flujo
			var flujo = Ext.ModelMgr.create({
				Valor: listaDetDocPanel.getValues().pNumPedido
			}, 'variableFlujoModel');
			variableFlujoStore.add(flujo);
			variableFlujoStore.sync();
			window.open("imprimir.html","_self");       			
		}
	},
	{
		xtype: 'spacer'
	}]
});

var listaDetDoc = new Ext.List({
	id: 'listaDetDoc',
	store: listaDocumentosDetalleStore,
	itemTpl:
	'<div class="materialItem">'+
	'<div class="doc-img"><img src="resources/images/detdoc_img.png" width="40" height="40"></div>'+
        '<div class="list-deti">'+
            '<span class="list-izq">{Posicion} - {CodigoMaterial}</span>'+
			'<br />'+
			'<span>{Material}</span>'+
        '</div>'+
		'<div class="list-detc1">'+
            '<span class="list-izq">{Cantidad}&nbsp;{UnidadMedida}</span>'+
			'<br />'+
			'<span>{CantidadConf}</span>'+
        '</div>'+
//        '<div class="list-detc2">'+
//            '<span class="list-izq">F. Reparto:&nbsp;{FechaReparto}</span>'+
//			'<br />'+
//			'<span>F. Conf&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;{FConf}</span>'+
//        '</div>'+
        '<div class="list-detd">'+
            '<span>Centro Almacen: {CentroAlmacen}</span>'+ 
			'<br />'+
			'<span>Total: {Total}</span>'+
        '</div>'+
    '</div>',
	listeners: {
		'render': function (thisComponent) {
			thisComponent.getStore().load();
			var nDoc = listaDetDocPanel.getRecord().data.NumeroPedido;
			thisComponent.getStore().filter('DocumentoVenta',nDoc);
		}
//	    itemtap: function(listaDetDoc, index, element, event) {
//            var record = listaDetDoc.getRecord(element);
//            listaDetDocPanel.add({ xtype: 'hiddenfield', id: 'pNumPedido', name: 'pNumPedido', value: record.data.DocumentoVenta  });
//        }
    }
});

var listaDetDocPanel = new Ext.form.FormPanel({
	id: 'listaDetDocPanel',
	layout: 'fit',
	scroll: 'vertical',	
	dockedItems: [listaDetDocPanelTBT, listaDetDocPanelTBB],
	items: [listaDetDoc]
});

var listaDoc = new Ext.List({
    id: 'listaDoc',
    store: pedidoStore,
    onItemDisclosure: function(record) {
        listaDetDocPanel.load(record);
        listaDetDocPanel.dockedItems.items[0].setTitle('Detalle Documento Nro: ' + record.data.NumeroPedido);
        listaDocumentoView.setActiveItem('listaDetDocPanel', { type: 'slide', direction: 'left' });
    },
    itemTpl:
	'<div class="materialItem" style="font-size:small;">' +
	'<div class="doc-img"><img src="resources/images/doc_icon.png" width="40" height="40"></div>' +
        '<div class="list-doci">' +
            '<span class="list-izq">Nro. Pedido: {NumeroPedido}&nbsp;&nbsp;&nbsp; - NIF: {NIF}</span>' +
        '<br />' +
		'Cliente: {CodigoCliente}&nbsp;&nbsp;-&nbsp;&nbsp;{NombreCliente}' +
		'</div>' +
		'<div class="list-docc">' +
            '{ClaseDocumento}' +
		'<br />' +
		'{FechaDocumento}' +
        '</div>' +
        '<div class="list-docd">' +
            'Estado: {Estado}' +
		'<br />' +
		'Total: {Total}' +
        '</div>' +
    '</div>',
    listeners: {
        itemtap: function(listaDoc, index, element, event) {
            var record = listaDoc.getRecord(element);
            //console.log(record.data);
        }
    }
});

var listaDocPanel = new Ext.form.FormPanel({
    id: 'listaDocPanel',
    layout: 'fit',
    dockedItems: [
	{
	    xtype: 'toolbar',
	    title: 'Lista de Documentos',
	    items: [
		{
		    xtype: 'button',
		    ui: 'back',
		    text: 'Volver',
		    iconCls: 'reply',
		    iconMask: true,
		    handler: function() {
		        variableFlujoStore.getProxy().clear();
                variableFlujoStore.data.clear();
                variableFlujoStore.sync();
		        pedidoStore.getProxy().clear();
                pedidoStore.data.clear();
                pedidoStore.sync();
                listaDocumentosDetalleStore.getProxy().clear();
                listaDocumentosDetalleStore.data.clear();
                listaDocumentosDetalleStore.sync();
		        window.open("consultaDoc.html", "_self");
		    }
}]
}],
    items: [listaDoc]
});

listaDocumentoView = Ext.extend(Ext.Panel,
{
    id: 'listaDocumentoView',
    store: pedidoStore,
    fullscreen: true,
    layout: 'card',
    cardAnimation: 'slide',
    scroll: 'vertical',
    items: [listaDocPanel,listaDetDocPanel]
});

Ext.reg('listaDocumentoView', listaDocumentoView);